<template>
  <div class="noteBooks">
    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1bc92bd7fdb80c023c6887ae4f419e71.jpg?f=webp" alt="" class="image1">
    <img src="./images/1.png" alt="" class="img2">
    <img src="./images/2.png" alt="" class="img2">
    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6a6c6904c72672a67f1ddb6d4938d414.jpg?f=webp" alt="" class="image1">
    <img src="./images/4.png" alt="" class="img2">
  </div>
</template>

<script>
export default {
  name: "Notebooks",
};
</script>

<style scoped lang="less">
.noteBooks{
  background-color: #4878a5;
  .image1{
    width: 100%;
    height: .37rem;
  }
  .img2{
    width: 100%;
  }
}
</style>